<template>
  <div class="index">
    <div class="wrapper">
      <div class="cnt_row">
        <span class="line1 txt">9:41</span
        ><img
          src="//img13.360buyimg.com/img/jfs/t1/55758/37/24507/243/642f7ac5Fe1c11193/d096278e58b1a6f2.png"
          class="icon"
        /><img
          src="//img13.360buyimg.com/img/jfs/t1/44266/32/21538/611/642f7ac5Ff90d4702/56e0d02542b5ef24.png"
          class="icon1"
        /><img
          src="//img20.360buyimg.com/img/jfs/t1/53475/26/23408/331/642f7ac5Fc0893842/d7a6430bc9e4275a.png"
          class="icon2"
        />
      </div>
    </div>
    <div class="cnt_col">
      <div class="cnt_row1">
        <span class="line1 txt1">购物车</span
        ><img
          src="//img13.360buyimg.com/img/jfs/t1/28485/36/21805/1451/642f7ac5Fe0b0baf0/86d62da10fd5c5d9.png"
          class="img"
        />
      </div>
      <div class="cnt_col1">
        <div class="cnt_row2">
          <span class="line1 tit">共3件宝贝</span
          ><img
            src="//img11.360buyimg.com/img/jfs/t1/144674/26/30792/465/642f7ac5Fa7b4f3c0/e4c2eb703419b732.png"
            class="icon3"
          />
        </div>
        <img
          src="//img11.360buyimg.com/img/jfs/t1/97539/12/35528/188/642f7ac5Fc017f782/3f3f89be0cdb6521.png"
          class="img1"
        />
      </div>
      <div class="wrapper1">
        <div class="cnt_col_list">
          <div class="wrapper_item_common wrapper_item">
            <div class="cnt_col2_common cnt_col2">
              <div class="cnt_row3_common cnt_row3">
                <img
                  src="//img14.360buyimg.com/img/jfs/t1/164573/29/36156/442/642f7ac8F7a884e09/17bb373a5b83332c.png"
                  class="icon4_common"
                /><img
                  src="//img20.360buyimg.com/img/jfs/t1/101546/3/36967/2276/642f7ac5Fb6877645/5568d28e462503fd.png"
                  class="img2_common"
                />
                <div class="cnt_col3_common cnt_col3">
                  <div class="cnt_row4_common cnt_row4">
                    <div class="section_wrap_common">
                      <span class="section_common">满折</span>
                    </div>
                    <span class="txt2_common">TIERED MIDI DRESS</span>
                  </div>
                  <span class="txt3_common">秋季新款流行</span
                  ><span class="txt4_common txt4">XXS</span
                  ><span class="line1 txt5_common">白色</span>
                  <div class="oriprice_wrap_common">
                    <span class="line1 oriprice_common">¥5923</span>
                  </div>
                  <div class="cnt_row4_common price_wrap">
                    <span class="price_common">¥3923</span>
                    <div class="cnt_row5_common">
                      <div class="icon_wrap_common icon_wrap">
                        <img
                          src="//img10.360buyimg.com/img/jfs/t1/194386/9/33827/192/642f7ac5F9cdf07ed/c946df9953a69331.png"
                          class="icon5_common"
                        />
                      </div>
                      <span class="instruction_common">100</span>
                      <div class="icon_wrap_common icon_wrap1">
                        <img
                          src="//img11.360buyimg.com/img/jfs/t1/223650/32/21962/249/642f7ac5F2c4ea71f/4a5905bdf1ba8691.png"
                          class="icon5_common"
                        />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <img
                src="//img20.360buyimg.com/img/jfs/t1/189717/6/34175/188/642f7ac5Fe9742adc/ee4b827172b75981.png"
                class="img3_common img3"
              />
            </div>
          </div>
          <div class="wrapper_item_common wrapper_item1">
            <div class="cnt_col2_common cnt_col2">
              <img
                src="//img14.360buyimg.com/img/jfs/t1/217754/29/28370/193/642f7ac5Fe91d10a4/bb4feb71ef2002b9.png"
                class="img3_common img4"
              />
              <div class="cnt_row3_common cnt_row6">
                <img
                  src="//img14.360buyimg.com/img/jfs/t1/39172/1/22149/442/642f7ac5F62f968f4/6c90b37c8b4d5af3.png"
                  class="icon4_common"
                /><img
                  src="//img11.360buyimg.com/img/jfs/t1/101010/33/30869/2978/642f7ac5F816fd686/abefab4326041ebe.png"
                  class="img2_common"
                />
                <div class="cnt_col3_common cnt_col4">
                  <span class="line2 tit1_common"
                    >TIERED MIDI DRESS秋季新款外套上衣秋季流行</span
                  ><span class="txt4_common txt6">XXS</span
                  ><span class="line1 txt5_common txt7">白色</span>
                  <div class="oriprice_wrap_common oriprice_wrap1">
                    <span class="line1 oriprice_common">¥5923</span>
                  </div>
                  <div class="price_wrap1_common">
                    <span class="price_common">¥3923</span>
                    <div class="cnt_row5_common">
                      <div class="icon_wrap_common icon_wrap">
                        <img
                          src="//img10.360buyimg.com/img/jfs/t1/137283/7/32799/192/642f7ac5Fbef58a1d/5556d9eda25a29b5.png"
                          class="icon5_common"
                        />
                      </div>
                      <span class="instruction_common">100</span>
                      <div class="icon_wrap_common icon_wrap1">
                        <img
                          src="//img13.360buyimg.com/img/jfs/t1/202072/40/32951/249/642f7ac5Fb3c4165b/5a07541657933d11.png"
                          class="icon5_common"
                        />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="wrapper_item_common">
            <div class="cnt_col2_common">
              <img
                src="//img13.360buyimg.com/img/jfs/t1/172515/27/35871/188/642f7ac5Fcf14dcc9/5c263a7757a54224.png"
                class="img3_common img5"
              /><img
                src="//img20.360buyimg.com/img/jfs/t1/164939/7/34377/2978/642f7ac5Fc8da6565/a81cc909de562a74.png"
                class="img6_common"
              /><span class="line2 tit2_common"
                >TIERED MIDI DRESS秋季新款外套上衣秋季流行</span
              ><span class="txt8_common">XXS</span
              ><img
                src="//img11.360buyimg.com/img/jfs/t1/147707/12/30732/455/642f7ac5Fbadb32f1/a9025e8902f0ba2b.png"
                class="icon6_common"
              /><span class="line1 txt9_common">白色</span>
              <div class="cnt_row7_common">
                <div class="icon_wrap_common icon_wrap">
                  <img
                    src="//img20.360buyimg.com/img/jfs/t1/104722/19/35588/192/642f7ac5F1124723b/f80062e2b2cd2be2.png"
                    class="icon5_common"
                  />
                </div>
                <span class="instruction_common">100</span>
                <div class="icon_wrap_common icon_wrap1">
                  <img
                    src="//img12.360buyimg.com/img/jfs/t1/147745/25/32173/249/642f7ac5F0f88b49f/08373a679a4f020f.png"
                    class="icon5_common"
                  />
                </div>
              </div>
              <span class="price1_common">¥3923</span
              ><img
                src="//img10.360buyimg.com/img/jfs/t1/9955/20/22533/188/642f7ac5F71002103/37fac7a6c34cabbb.png"
                class="img3_common img7"
              />
            </div>
          </div>
        </div>
      </div>
      <img
        src="//img30.360buyimg.com/img/jfs/t1/100493/8/32689/193/642f7ac5Fe8a456d9/abf175cfd08d1793.png"
        class="img8"
      />
      <div class="cnt_col6">
        <img
          src="//img14.360buyimg.com/img/jfs/t1/153002/23/22072/188/642f7ac5F5f61d739/982ab16da3e8c885.png"
          class="img9"
        />
        <div class="cnt_row8">
          <div class="color_view"></div>
          <span class="tit3">全选</span><span class="desc_txt">合计:</span
          ><span class="price2">已优惠：¥300</span
          ><span class="line1 price3">¥3929</span>
          <div class="section_wrap1">
            <span class="line1 section1">立即结算</span>
          </div>
        </div>
      </div>
      <div class="cnt_row9">
        <div class="cnt_col7">
          <img
            src="//img11.360buyimg.com/img/jfs/t1/217765/32/24895/693/642f7ac5F5888eaf4/626b4b2194772af9.png"
            class="icon7"
          /><span class="tit4">商城</span>
        </div>
        <div class="cnt_col8">
          <img
            src="//img14.360buyimg.com/img/jfs/t1/6099/30/25588/767/642f7ac5F48d43814/3afb759eb71fc9f3.png"
            class="icon7"
          /><span class="tit5">分类</span>
        </div>
        <div class="cnt_col9">
          <div class="wrapper2">
            <div class="section_wrap2"><span class="section2">1</span></div>
          </div>
          <span class="tit6">购物车</span>
        </div>
        <div class="cnt_col10">
          <img
            src="//img10.360buyimg.com/img/jfs/t1/216622/20/24052/609/642f7ac5F085e302b/de3da8cbacebc4f3.png"
            class="icon7"
          /><span class="tit5">我的</span>
        </div>
      </div>
      <img
        src="//img10.360buyimg.com/img/jfs/t1/69316/23/21398/433/642f7ac5Ffec18bf2/1430c55c97ef3fa7.png"
        class="img10"
      />
    </div>
  </div>
</template>
<script>
export default {}
</script>
<style>
.line1 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.txt {
  text-align: center;
  color: rgb(20, 21, 21);
  font-weight: bold;
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 1.43;
  height: 20px;
  margin-bottom: 12px;
  margin-right: 235px;
  display: inline-block;
  max-width: 297px;
}
.icon {
  width: 15px;
  height: 11px;
  margin-bottom: 17px;
}
.icon1 {
  width: 17px;
  height: 12px;
  margin-bottom: 16px;
}
.icon2 {
  width: 23px;
  height: 10px;
  margin-bottom: 17px;
  margin-right: 15px;
}
.cnt_row {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 375px;
  height: 44px;
}
.wrapper {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 375px;
  height: 44px;
  z-index: 0;
}
.txt1 {
  text-align: center;
  color: rgb(0, 0, 0);
  font-weight: bold;
  font-family: PingFang SC;
  font-size: 16px;
  line-height: 1.38;
  height: 22px;
  margin-bottom: 12px;
  margin-right: 67px;
  display: inline-block;
  max-width: 279px;
}
.img {
  width: 87px;
  height: 32px;
  margin-bottom: 7px;
  margin-right: 9px;
}
.cnt_row1 {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 375px;
  height: 47px;
  margin-top: 18px;
}
.tit {
  text-align: left;
  color: rgb(0, 0, 0);
  font-weight: 400;
  font-family: SourceHanSansCN-Medium;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.38;
  flex-shrink: 0px;
  height: 22px;
  display: inline-block;
  max-width: 331px;
}
.icon3 {
  flex-shrink: 0px;
  width: 24px;
  height: 24px;
  margin-left: 256px;
}
.cnt_row2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 355px;
  height: 24px;
  margin-top: 18px;
}
.img1 {
  align-self: flex-start;
  flex-shrink: 0px;
  width: 376px;
  height: 2px;
  margin-top: 17px;
}
.cnt_col1 {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 375px;
  height: 60px;
}
.icon4_common {
  width: 20px;
  height: 21px;
  margin-bottom: 64px;
}
.img2_common {
  width: 100px;
  height: 152px;
  margin-left: 12px;
}
.section_common {
  text-align: left;
  color: rgb(255, 255, 255);
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  height: 14px;
  margin-left: 10px;
}
.section_wrap_common {
  border-radius: 2px;
  background-color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0px;
  width: 49px;
  height: 18px;
}
.txt2_common {
  text-align: justify;
  line-height: 1.57;
  font-size: 14px;
  flex-shrink: 0px;
  height: 20px;
}
.cnt_row4 {
  height: 18px;
}
.cnt_row4_common {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  width: 191px;
}
.txt3_common {
  text-align: justify;
  line-height: 1.57;
  font-size: 14px;
  align-self: flex-start;
  height: 14px;
  margin-top: 5px;
}
.txt4 {
  margin-top: 11px;
}
.txt4_common {
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  align-self: flex-start;
  width: 25px;
  height: 34px;
}
.txt5_common {
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  align-self: flex-start;
  height: 20px;
  margin-top: -10px;
  display: inline-block;
  max-width: 216px;
}
.oriprice_common {
  text-align: justify;
  color: rgb(177, 177, 177);
  font-size: 14px;
  letter-spacing: 0.2px;
  text-decoration: line-through;
  line-height: 1.43;
  height: 17px;
  display: inline-block;
  max-width: 191px;
}
.oriprice_wrap_common {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  width: 191px;
  height: 17px;
  margin-top: 17px;
}
.price_common {
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  height: 17px;
}
.icon5_common {
  width: 16px;
  height: 16px;
}
.icon_wrap {
  border-radius: 4px 0px 0px 4px;
}
.icon_wrap_common {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(216, 216, 216);
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
.instruction_common {
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  height: 17px;
  margin-left: 10px;
}
.icon_wrap1 {
  border-radius: 0px 4px 4px 0px;
  margin-left: 10px;
}
.cnt_row5_common {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(216, 216, 216);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100px;
  height: 28px;
  margin-left: 51px;
}
.price_wrap {
  height: 28px;
  color: rgb(0, 0, 0);
}
.cnt_col3 {
  height: 154px;
}
.cnt_col3_common {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 191px;
  margin-left: 30px;
}
.cnt_row3 {
  height: 154px;
  margin-top: 17px;
}
.cnt_row3_common {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: center;
  width: 353px;
}
.img3 {
  margin-top: 20px;
}
.img3_common {
  align-self: flex-start;
  height: 2px;
  width: 375px;
}
.cnt_col2 {
  align-items: center;
}
.cnt_col2_common {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 375px;
  height: 192px;
}
.wrapper_item {
  margin-bottom: -1px;
}
.wrapper_item_common {
  margin-right: 0px;
}
.img4 {
  width: 357px;
}
.line2 {
  webkit-line-clamp: 2;
  webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
}
.tit1_common {
  text-align: justify;
  line-height: 1.57;
  font-size: 14px;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 191px;
  height: 36px;
}
.txt6 {
  flex-shrink: 0px;
  margin-top: 10px;
}
.txt7 {
  flex-shrink: 0px;
}
.oriprice_wrap1 {
  flex-shrink: 0px;
}
.price_wrap1_common {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 191px;
  height: 28px;
  color: rgb(0, 0, 0);
}
.cnt_col4 {
  height: 148px;
}
.cnt_row6 {
  height: 152px;
  margin-top: 18px;
}
.wrapper_item1 {
  margin-bottom: 1px;
}
.img5 {
  flex-shrink: 0px;
}
.img6_common {
  align-self: flex-start;
  flex-shrink: 0px;
  width: 100px;
  height: 152px;
  margin-left: 44px;
  margin-top: 18px;
}
.tit2_common {
  text-align: justify;
  line-height: 1.57;
  font-size: 14px;
  align-self: flex-end;
  flex-shrink: 0px;
  width: 191px;
  height: 36px;
  margin-top: -152px;
  margin-right: 10px;
}
.txt8_common {
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 25px;
  height: 34px;
  margin-left: 174px;
  margin-top: 10px;
}
.icon6_common {
  align-self: flex-start;
  flex-shrink: 0px;
  width: 20px;
  height: 21px;
  margin-left: 12px;
  margin-top: -13px;
}
.txt9_common {
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  align-self: center;
  flex-shrink: 0px;
  height: 20px;
  margin-top: -18px;
  display: inline-block;
  max-width: 226px;
}
.cnt_row7_common {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(216, 216, 216);
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-end;
  flex-shrink: 0px;
  width: 100px;
  height: 28px;
  margin-top: 34px;
  margin-right: 10px;
}
.price1_common {
  text-align: justify;
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  align-self: flex-start;
  flex-shrink: 0px;
  height: 17px;
  margin-left: 174px;
  margin-top: -21px;
}
.img7 {
  flex-shrink: 0px;
  margin-top: 24px;
}
.cnt_col_list {
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  flex-wrap: wrap;
  flex-shrink: 0px;
  width: 375px;
  height: 576px;
  overflow: hidden;
  font-weight: 400;
  color: rgb(0, 0, 0);
}
.img8 {
  align-self: flex-start;
  flex-shrink: 0px;
  width: 357px;
  height: 2px;
  margin-top: -193px;
}
.img9 {
  align-self: flex-start;
  width: 375px;
  height: 2px;
}
.color_view {
  border-width: 1px;
  border-style: solid;
  border-color: rgb(216, 216, 216);
  border-radius: 50%;
  background-color: rgb(255, 255, 255);
  flex-shrink: 0px;
  width: 18px;
  height: 18px;
  margin-bottom: 12px;
}
.tit3 {
  text-align: justify;
  color: rgb(0, 0, 0);
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  flex-shrink: 0px;
  height: 20px;
  margin-left: 8px;
  margin-bottom: 8px;
}
.desc_txt {
  text-align: justify;
  color: rgb(0, 0, 0);
  font-family: SourceHanSansCN-Medium;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.38;
  flex-shrink: 0px;
  height: 22px;
  margin-left: 20px;
  margin-bottom: 17px;
}
.price2 {
  text-align: justify;
  color: rgb(0, 0, 0);
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 1.43;
  flex-shrink: 0px;
  height: 20px;
  margin-left: -37px;
}
.price3 {
  text-align: justify;
  color: rgb(0, 0, 0);
  font-family: SourceHanSansCN-Medium;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.38;
  flex-shrink: 0px;
  height: 19px;
  margin-left: -50px;
  margin-bottom: 20px;
  display: inline-block;
  max-width: 172px;
}
.section1 {
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.38;
  height: 22px;
  display: inline-block;
  max-width: 104px;
}
.section_wrap1 {
  box-shadow: 0px 6px 10px 0px rgba(177, 177, 177, 0.2);
  border-radius: 4px;
  background-color: rgb(0, 0, 0);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0px;
  width: 116px;
  height: 42px;
  margin-left: 76px;
}
.cnt_row8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  width: 355px;
  height: 42px;
  margin-top: 6px;
}
.cnt_col6 {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 375px;
  height: 56px;
  margin-top: 228px;
  font-weight: 400;
}
.icon7 {
  align-self: flex-start;
  flex-shrink: 0px;
  width: 24px;
  height: 25px;
}
.tit4 {
  text-align: center;
  font-family: SourceHanSansCN-Medium;
  font-size: 10px;
  line-height: 1.4;
  align-self: flex-start;
  flex-shrink: 0px;
  height: 14px;
}
.cnt_col7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 24px;
  height: 39px;
}
.tit5 {
  text-align: center;
  font-family: SourceHanSansCN-Regular;
  font-size: 10px;
  line-height: 1.4;
  align-self: flex-start;
  flex-shrink: 0px;
  height: 14px;
}
.cnt_col8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 24px;
  height: 38px;
  margin-left: 70px;
}
.section2 {
  text-align: center;
  color: rgb(255, 255, 255);
  font-weight: normal;
  font-family: PingFang SC;
  font-size: 12px;
  line-height: 1.42;
  height: 17px;
  overflow: hidden;
}
.section_wrap2 {
  border-radius: 50%;
  background-color: rgb(216, 34, 34);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  margin-left: 16px;
  margin-bottom: 18px;
}
.wrapper2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 24px;
  height: 25px;
  background: url(//img30.360buyimg.com/img/jfs/t1/166514/19/36053/435/642f7ac5F678ffe9e/943f81efb0833ca3.png)
    no-repeat;
}
.tit6 {
  text-align: center;
  color: rgb(0, 0, 0);
  font-size: 10px;
  line-height: 1.4;
  align-self: flex-start;
  flex-shrink: 0px;
  height: 14px;
}
.cnt_col9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 30px;
  height: 40px;
  margin-left: 66px;
}
.cnt_col10 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 24px;
  height: 40px;
  margin-left: 67px;
}
.cnt_row9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  flex-shrink: 0px;
  width: 376px;
  height: 58px;
  background: url(//img30.360buyimg.com/img/jfs/t1/105196/26/39171/676/642f7ac5F26f91707/a768b65934770961.png)
    no-repeat;
  font-weight: 400;
  color: rgb(177, 177, 177);
}
.img10 {
  align-self: flex-start;
  flex-shrink: 0px;
  width: 375px;
  height: 34px;
}
.cnt_col {
  background-color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  width: 375px;
  height: 1438px;
  margin-bottom: -551px;
}
.mod {
  font-family: SourceHanSansCN-Regular;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  width: 375px;
  height: 913px;
  z-index: 0;
  overflow: hidden;
}
</style>
